var eleft = document.querySelector("#left");
        var eright = document.querySelector("#right");
        var eico = document.querySelectorAll("#icolist li");
        var eicolist = document.querySelector("#icolist");
        var imglist = document.getElementById('imglist')
        var banner = document.getElementById("banner");
        var an = document.getElementById("an");

        console.log(eico);
        var left = 0;   //移动变量
        var timer;      //定时器
        // 图片偏移
        rum()
        function rum(){
            if(left <= -3600){  /* 此处大小要比图片盒子小一个图片 */
                left = 0;
            }
            var m = Math.floor(-left / 600);    //获取图片的大小，给圆点使用
            imglist.style.marginLeft = left + "px";
            var n = (left % 600 == 0) ? n = 1200 : n = 10;  //在每一张图片上停留1200毫秒，并每10秒执行一次
            left -= 10;
            timer = setTimeout(rum,n);
            icochange(m);
        }

        // 图片定位函数
        function imgchange(n){
            var a = - (n * 600);
            imglist.style.marginLeft = a + "px";
            left = a;
        }
        
        // 点击向上一张
        eleft.onclick = function(){
            var prevgo = Math.floor(-left / 600) - 1;
            if(prevgo == -1){
                prevgo = 5;
            }
            imgchange(prevgo);
            icochange(prevgo)
        }
        // 点击向下一张
        eright.onclick = function(){
            var nextgo = Math.floor(-left / 600) + 1;
            if(nextgo == 6){
                nextgo = 0;
            }
            imgchange(nextgo);
            icochange(nextgo)
        }

        // 显示箭头
        banner.onmouseover = function(){
            an.style.display = "block";
        }
        // 隐藏箭头
        banner.onmouseout = function(){
            an.style.display = "none";
        }

        function icochange(m){
            // console.log(222)
            // imglist.style.marginLeft = -1000 + "px";
            // 将每个圆点背景颜色删除
            for(var i = 0;i < eico.length;i++){
                eico[i].style.backgroundColor = "";
            }
            // 判断图片在该圆点则给其添加背景颜色
            if(m < eico.length){
                // console.log(eico[m].style.backgroundColor);
                eico[m].style.backgroundColor = "red";
                // console.log(eico);
            }

        }
        // 点击圆点切换图片 
        icolist.onclick = function(event){
            // 获取事件目标元素
            // console.log(e.target.value,111)
            var tg = event.target.value;
            // console.log(tg.innerHTML);
            var co = tg - 1;
            // console.log(co,1111);
            imgchange(co);  //切换图片
            icochange(co);  //切换圆点
        }
        // 鼠标进入图片时清除定时器
        imglist.onmouseover = function(){
            clearTimeout(timer);
        }
        // 鼠标移出时继续移动图片
        imglist.onmouseout = function(){
            rum();
        }